<!DOCTYPE HTML>
<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>炽热教育</title>
    <link rel="shortcut icon" href="images/icon/icon.ico" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="炽热教育" />
	<meta name="keywords" content="杭州炽热教育科技有限公司,炽热,chire,日语" />
	

  	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<link href="https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800" rel="stylesheet">
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="css/bootstrap.css">

	<!-- Magnific Popup -->
	<link rel="stylesheet" href="css/magnific-popup.css">

	<!-- Owl Carousel  -->
	<link rel="stylesheet" href="css/owl.carousel.min.css">
	<link rel="stylesheet" href="css/owl.theme.default.min.css">

	<!-- Theme style  -->
	<link rel="stylesheet" href="css/style.css">

	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

	</head>
	<body onload ="getViewManager()">
		
	<div class="fh5co-loader"></div>
	
	<div id="page">
	<nav class="fh5co-nav" role="navigation">
		<div class="top">
			<div class="container">
				<div class="row">
					<div class="col-xs-12 text-right">
						<p class="num">Call: +86 13185073600</p>
						<ul class="fh5co-social">
							<li><a href="#"><i class=icon-speech-bubble></i></a></li>
							<li><a href="#"><i class=icon-video2></i></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="top-menu">
			<div class="container">
				<div class="row">
					<div class="col-xs-1">
						<div id="fh5co-logo"><a href="index.html">Chire<span>.</span></a></div>
					</div>
					<div class="col-xs-11 text-right menu-1">
						<ul>
							<li><a href="index.html">首页</a></li>
							<li  class="active"><a href="courses.html">课程</a></li>
							<li><a href="pricing.html">价格</a></li>
							<li class="has-dropdown">
								<a href="blog.html">博客</a>
								<ul class="dropdown">
									<li><a href="#">Web Design</a></li>
									<li><a href="#">eCommerce</a></li>
									<li><a href="#">Branding</a></li>
									<li><a href="#">API</a></li>
								</ul>
							</li>
							<li><a href="contact.html">关于我们</a></li>
							<!--<li class="btn-cta"><a href="#"><span>Login</span></a></li>
							<li class="btn-cta"><a href="#"><span>Create a Course</span></a></li>-->
						</ul>
					</div>
				</div>
				
			</div>
		</div>
	</nav>

	<header id="fh5co-header" class="fh5co-cover fh5co-cover-sm" role="banner" data-stellar-background-ratio="0.5">
		<div class="overlay"></div>
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-md-offset-2 text-center">
					<div class="display-t">
						<div class="display-tc animate-box" data-animate-effect="fadeIn">
							<h1>课程介绍</h1>
						<!--	<h2>Free html5 templates Made by <a href="http://freehtml5.co" target="_blank">freehtml5.co</a></h2>-->
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>

	<div id="fh5co-explore" class="fh5co-bg-section">
		<div class="container">
			<div class="row animate-box">
				<div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
					<h2>精品课程</h2>
					<!--<p> </p>-->
				</div>
			</div>
		</div>		
		<div class="fh5co-explore fh5co-explore1">
			<div class="container">
				<div class="row">
					<div class="col-md-8 col-md-push-5 animate-box">
						<img class="img-responsive" src="http://chire.oss-cn-hangzhou.aliyuncs.com/web/class/class_jepan.png?x-oss-process=style/web_course" alt="work">
					</div>
					<div class="col-md-4 col-md-pull-8 animate-box">
						<div class="mt">
							<h3>日语</h3>
							<p>我国自改革开放以来，随着经济发展，我国与周边国家的贸易合作日益密切，尤其是与日本合作交流，这也促进了日语学习的潮流。直至今日中国高考也支持日语的报考。对中国学生尤为有优势</p>
							<ul class="list-nav">
								<li><i class="icon-check2"></i>日语听力</li>
                                <li><i class="icon-check2"></i>日语会话</li>
                                <li><i class="icon-check2"></i>日语精读</li>
                                <li><i class="icon-check2"></i>日语写作</li>
                                <li><i class="icon-check2"></i>日语翻译</li>
                                <li><i class="icon-check2"></i>日本文化学习</li>
                                <li><i class="icon-check2"></i>日语考级</li>
                                <li><i class="icon-check2"></i>赴日留学</li>
                                <li><i class="icon-check2"></i>日企工作</li>
                                <li><i class="icon-check2"></i>研究考学</li>
							</ul>
							<p><a class="btn btn-primary btn-lg popup-vimeo btn-video" href="http://chire.oss-cn-hangzhou.aliyuncs.com/web/mp4/class_jepan.MP4"><i class="icon-play"></i> 查看视频</a></p>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="fh5co-explore">
			<div class="container">
				<div class="row">
					<div class="col-md-8 col-md-pull-1 animate-box">
						<img class="img-responsive" src="http://chire.oss-cn-hangzhou.aliyuncs.com/web/class/class_paint.png?x-oss-process=style/web_course" alt="work">
					</div>
					<div class="col-md-4 col-md-pull-2 animate-box">
						<div class="mt">
								<h3>美术</h3>
						        <p>美术是一种高档次艺术，它能提高修养，陶冶情操，开阔眼界，充实生活。美术这门学科，能够提升人的判断力和创造力。国内美术生高考录取分数更低，就业范围更广。</p>
                            <ul class="list-nav">
								<li><i class="icon-check2"></i>素描</li>
                                <li><i class="icon-check2"></i>油画</li>
                                <li><i class="icon-check2"></i>水彩</li>
                                <li><i class="icon-check2"></i>彩铅</li>
                                <li><i class="icon-check2"></i>国画</li>
                                <li><i class="icon-check2"></i>漫画</li>
                                <li><i class="icon-check2"></i>速写</li>
                                <li><i class="icon-check2"></i>水粉</li>
                                <li><i class="icon-check2"></i>雕塑</li>
                                <li><i class="icon-check2"></i>儿童绘画</li>
							</ul>
						
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="fh5co-project">
		<div class="container-fluid proj-bottom">
			<div class="row">
				<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
					<a href="#"><img src="images/project-1.jpg" alt="Free HTML5 Website Template by FreeHTML5.co" class="img-responsive">
						<h3>Web Master</h3>
						<span>View Course</span>
					</a>
				</div>
				<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
					<a href="#"><img src="images/project-2.jpg" alt="Free HTML5 Website Template by FreeHTML5.co" class="img-responsive">
						<h3>Virtual Assistant</h3>
						<span>View Course</span>
					</a>
				</div>
				<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
					<a href="#"><img src="images/project-3.jpg" alt="Free HTML5 Website Template by FreeHTML5.co" class="img-responsive">
						<h3>Read Bible</h3>
						<span>View Course</span>
					</a>
				</div>
				<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
					<a href="#"><img src="images/project-9.jpg" alt="Free HTML5 Website Template by FreeHTML5.co" class="img-responsive">
						<h3>Programming</h3>
						<span>View Course</span>
					</a>
				</div>
				<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
					<a href="#"><img src="images/project-5.jpg" alt="Free HTML5 Website Template by FreeHTML5.co" class="img-responsive">
						<h3>Technician</h3>
						<span>View Course</span>
					</a>
				</div>
				<div class="col-md-4 col-sm-6 fh5co-project animate-box" data-animate-effect="fadeIn">
					<a href="#"><img src="images/project-6.jpg" alt="Free HTML5 Website Template by FreeHTML5.co" class="img-responsive">
						<h3>Photography</h3>
						<span>View Course</span>
					</a>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="features">
					<div class="col-md-4 animate-box">
						<h4>We have coolest features of this course</h4>
						<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.  </p>
					</div>
					<div class="col-md-4 animate-box">
						<h4>Great teachers that we have</h4>
						<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.  </p>
					</div>
					<div class="col-md-4 animate-box">
						<h4>Steps by steps turorial session</h4>
						<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.  </p>
					</div>
				</div>
				<div class="col-md-12 text-center animate-box">
					<p><a class="btn btn-primary btn-lg btn-learn" href="#">Create A Free Course</a></p>
				</div>
			</div>
		</div>
	</div>
	
	<div id="fh5co-started">
		<div class="overlay"></div>
		<div class="container">
			<div class="row animate-box">
				<div class="col-md-8 col-md-offset-2 text-center fh5co-heading">
					<h2>Lets Get Started</h2>
					<p>Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
				</div>
			</div>
			<div class="row animate-box">
				<div class="col-md-8 col-md-offset-2 text-center">
					<p><a href="#" class="btn btn-default btn-lg">Create A Free Course</a></p>
				</div>
			</div>
		</div>
	</div>

	<footer id="fh5co-footer" role="contentinfo">
		<div class="container">
			<div class="row row-pb-md">
				<div class="col-md-3 fh5co-widget" id ="motto">
					<h4>每日箴言</h4>
					<p>教好每一个学员，是我的职责所在</p>
				</div>
				<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1">
					<h4>Learning</h4>
					<ul class="fh5co-footer-links">
						<li><a href="#">课程</a></li>
						<li><a href="#">博客</a></li>
						<li><a href="contact.html">联系我们</a></li>
						<li><a href="images/project-3.jpg" download="炽热教育条款">条款</a></li>
                  
					</ul>
           
				</div>

			<!--	<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1">
					<h4>学习 &amp; 成长</h4>
					<ul class="fh5co-footer-links">
						<li><a href="#">博客</a></li>
						<li><a href="#">Privacy</a></li>
						<li><a href="#">Testimonials</a></li>
						<li><a href="#">Handbook</a></li>
						<li><a href="#">Held Desk</a></li>
					</ul>
				</div>-->

				<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1">
					<h4>支持 &amp; 合作</h4>
					<ul class="fh5co-footer-links">
						<li><a href="https://www.qichacha.com/firm_c08f89cac6c550770d6919090beaf30d.html">炽热教育</a></li>
						<li><a href="https://www.qichacha.com/firm_s36880204768219353fb56636344f63c.html">晨晖教育</a></li>
					    <li><a href="https://www.qichacha.com/firm_c08f89cac6c550770d6919090beaf30d.html">营业执照</a></li>
                        <li><a href="backstage/index.html">服务后台</a></li>
                    </ul>
           
				</div>

				<div class="col-md-2 col-sm-4 col-xs-6 col-md-push-1">
					<h4>技术支持</h4>
					<ul class="fh5co-footer-links">
					    <li><a href="https://www.aliyun.com/?utm_content=se_1000301881">阿里云提供数据支持</a></li>
						<li><a href="https://www.ksyun.com/post/product/dami">大米云提供服务器支持</a></li>
                        <li><a href="https://wanwang.aliyun.com/?utm_content=se_1000301943">万网提供域名支持</a></li>							    
					</ul>
				</div>
			</div>

	   <div class="col-md-12 text-center">
            <p>
                <small class="block">&copy; 炽热教育 <a href="http://www.miitbeian.gov.cn/publish/query/indexFirst.action" target="_blank" title="浙ICP备17025817号">浙ICP备17025817号</a></small>
            </p>
         </div>

		</div>
	</footer>
	</div>

	<div class="gototop js-top">
		<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
	</div>
	
	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Stellar Parallax -->
	<script src="js/jquery.stellar.min.js"></script>
	<!-- Carousel -->
	<script src="js/owl.carousel.min.js"></script>
	<!-- countTo -->
	<script src="js/jquery.countTo.js"></script>
	<!-- Magnific Popup -->
	<script src="js/jquery.magnific-popup.min.js"></script>
	<script src="js/magnific-popup-options.js"></script>
	<!-- Main -->
	<script src="js/main.js"></script>
    <script>
            // 获取首页背景图
            function getViewManager() {
               
                $.ajax({
                    url: 'ChireInter/Window/View/Window_View_Img.ashx',
                    data: {},
                    type: 'post',
                    dataType: 'json',
                    success: function (res) {
                        if (res.errCode == 200) {
                            // 首页 顶部图片
                            var pc_class_bg = "background-image:url(" + res.data.pc_class_bg + ")";
                            var class_top_bg = $('#fh5co-header');
                            class_top_bg.attr("style", pc_class_bg);

                            // 首页底部
                            var pc_class_bottom_bg = "background-image:url(" + res.data.pc_class_bottom_bg + ")";
                            var class_bottom_bg = $('#fh5co-started');
                            class_bottom_bg.attr("style", pc_class_bottom_bg);

                        } else {
                            alert('提交失败');
                        }
                    },
                    error: function (err) {
                        alert('提交失败' + err);
                    }
                })
            }
            </script>
	</body>
</html>

